<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title>FancyBox 1.3.4插件使用</title>
	<script type="text/javascript" src="<%=request.getContextPath() %>/common/jquery.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath() %>/mcflies_plugin_study_js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath() %>/mcflies_plugin_study_js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
 	<link rel="stylesheet" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/style.css" />
	<script type="text/javascript" src="<%=request.getContextPath() %>/mcflies_plugin_study_js/fancybox/fancyboxExample.js"></script>
</head>
<body>
	<div id="content">
		<p>不同的动画<br />
			<a id="example1" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/1_b.jpg">
				<img alt="example1" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/1_s.jpg" />
			</a>
			
			<a id="example2" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/2_b.jpg" title="我是陈俊">
				<img alt="example2" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/2_s.jpg" />
			</a>
			
			<a id="example3" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/3_b.jpg">
				<img alt="example3" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/3_s.jpg" />
			</a>
			
			<a id="example4" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/4_b.jpg">
				<!-- 如果最后一个样式没有last类,将会换行 -->
				<img class="last" alt="example4" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/4_s.jpg" />
			</a>
		</p>
		
		<p>不同位置的标题<br />
			<a id="example5" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/5_b.jpg" title="陈俊">
				<img alt="example4" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/5_s.jpg" />
			</a>
			
			<a id="example6" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/6_b.jpg" title="袁翠翠">
				<img alt="example5" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/6_s.jpg" />
			</a>
	
			<a id="example7" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/7_b.jpg" title="陈俊_chenjun">
				<img alt="example6" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/7_s.jpg" />
			</a>
	
			<a id="example8" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/8_b.jpg" title="袁翠翠_yuancuicui">
				<img class="last" alt="example7" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/8_s.jpg" />
			</a>
		</p>
		
		<p>图片前后预览<br />

			<a rel="Example_Group" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/9_b.jpg" title="九院509">
				<img alt="" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/9_s.jpg" />
			</a>
	
			<a rel="example_group" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/10_b.jpg" title="">
				<img alt="" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/10_s.jpg" />
			</a>
	
			<a rel="example_group" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/11_b.jpg" title="">
				<img alt="" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/11_s.jpg" />
			</a>
			
			<a rel="example_group" href="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/12_b.jpg" title="">
				<img class="last" alt="" src="<%=request.getContextPath() %>/mcflies_plugin_study_css/fancybox/12_s.jpg" />
			</a>
		</p>
		
		<ul>
			<li>
				<a id="swfShow" href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">SWF展示</a>
			</li>
			
			<li>
				<a id="iframeShow" href="http://www.baidu.com">Iframe测试</a>
			</li>
		</ul>
	</div>
</body>
</html>